<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/public/css/bootstrap.min.css">
</head>
<body>
    <div class="header container">
        <div class="page-header">
            <h1>
                <a href="/">Please write your words</a>
                <small>made by node.js</small>
            </h1>
        </div>
    </div>
    <div class="comments container">
        <!--
            以前表单如何提交的?
            表单中需要提交的表单控件元素必须具有name属性
            表单提交分为两种
                1.默认提交行为
                2.表单异步提交

            action就是表单提交的地址,说白了就是请求的url地址
        -->
        <form action="/pinglun" method="get">
            <div class="form-group">
                <label for="input_name">你的名字</label>
                <input type="text" name="name" class="form-control" id="input_name" required minlength="2" maxlength="10" placeholder="Please input your name">
            </div>
            <div class="form-group">
                <label for="textarea_message">留言内容</label>
                <textarea class="form-control" name="message" id="textarea_message" cols="30" rows="10" required minlength="5" maxlength="25"></textarea>
            </div>
            <button type="submit" class="btn btn-default">发表评论</button>
        </form>
    </div>
</body>
</html>
